/** Add css rules here for your application. */

.gwt-TabLayoutPanelTab {
	background-color: #cbe8ef;
	border: 1px solid white;
	border-bottom : 0;
	-moz-border-radius : 5px 5px 0 0;
	border-radius : 5px 5px 0 0;
	padding : 3px;
	text-shadow: 1px 1px 0 #7073f8;
	font-family: Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;  
}

.gwt-TabLayoutPanelTab-selected {
	background-color: #aaaaaa;
	z-index : 99;
}

.tab-content, tab-content-left {
	border-bottom: 1px solid #aaaaaa; 
    background-color: #FFFFFF;
}

.tab-content-left {
	margin-top:60px;
}

.disposition-panel {
	border-bottom: 1px solid #aaaaaa; 
    background-color: #FFFFFF;
}

.gwt-SplitLayoutPanel { 
}

.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
	cursor: e-resize; 
	border-top:1px solid #aaaaaa;  
}
.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger { 
	cursor: n-resize; 
} 

.dialogTop {
	cursor: default;
}

.fileManagerPopup {
	z-index: 600003;
	background : white;
}

.fileManagerPopup > div {
	border: 1px solid #aaaaaa; 
	margin-bottom:10px;
	margin-right:10px;
	margin-left:1px;
	-moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555; 
    padding: 5px;
}

.fileManagerGlassPopup {
	z-index: 600002;
	background:none repeat scroll 0 0 #FFFFFF;
	opacity:0.6;
}

.gwt-Tree .gwt-TreeItem {
  padding: 1px 0px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected {
  background: #93c2f1 url(tab_images/hborder.png) repeat-x 0px -1463px;
}

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}

.datePickerMonthSelector td:focus {
  outline: none
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}

.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}

.datePickerDayIsWeekend {
  background: #EEEEEE;
}

.datePickerDayIsFiller {
  color: #888888;
}

.datePickerDayIsValue {
  background: #aaccee;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}

.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}

.gwt-DateBox input {
  width: 8em;
}

.dateBoxFormatError {
  background: #ffcccc;
}

.dateBoxPopup {
}

.waitImg {
	background-image: url('tab_images/loading29.gif');
	background-repeat: no-repeat;
}

.mainButtonPanel,
.fileMBoxBtnPanel{
	padding-top : 5px;
	text-align: center;
}

.mainButtonPanel button {
	margin-right: 5px;
}

.mainMenuBar {
	background: url("tab_images/hborder.png") repeat-x scroll 0 -2003px #E3E8F3;
	border-right: 0px;
	border-bottom: 10px solid #E8ECF5;
	border-left: 0px;
	padding-top: 1px;
	cursor: default;
}

.gwt-MenuItem  {
	color:#666666;
	font-weight:bold;
	padding:0 10px;
	vertical-align:bottom;
}

.languageLabel {
	padding-top: 2px;
}

.informationTitle {
	font-family:Arial Unicode MS,Arial,sans-serif;
	font-size:30px;
	color:red;
	direction:ltr;
	text-align :center;
}

.pageTable,
.userTable,
.tagTable  {
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	text-align:center;
}

.pageTable td,
.userTable td,
.tagTable td {
	border-bottom: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

.pageTableHeader,
.userTableHeader,
.tagTableHeader {
	background-color: #E8D2FF;
}

.thumb {
	float:left;
	text-align : center;
}
.thumb:focus {
	border:5px solid #D0E4F6;
}

.thumbsPanel {
	float:left;
	border:3px solid #D0E4F6;
}

.paddingPanel {
	padding:10px;
}

.onLineText {
	font-style: bold;
	color:green;
	direction:ltr;
	text-align :center;
}

.offLineText {
	font-style: bold;
	color:red;
	direction:ltr;
	text-align :center;
}

.lockedStyle {
	cursor: pointer;
	background : url("/tab_images/lock.png"); 
}
.lockedStyle:hover {
	cursor: pointer;
    background : url("/tab_images/unlock.png"); 
}

.requiredField {
	font-style: bold;
	color:red;
	direction:ltr;
}

.lockLabel {
	background-color: #D0E4F6;
}

.informationPanel-Vertical-margin{
	margin:10px;
}

.deleteStyle {
	cursor: pointer;
	background : url("/tab_images/Delete-icon.png"); 
}

.modifyStyle {
	cursor: pointer;
	background : url("/tab_images/editBtn.png"); 
}

.addStyle {
	cursor: pointer;
	background : url("/tab_images/addBtn.png"); 
}

.ApplyStyle {
	cursor: pointer;
	background : url("/tab_images/check22.png");
	background-repeat: no-repeat;
}




table {
	padding:0px;
	border-collapse:collapse;
	border-spacing: 0px;
}

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.treeLabel, .treeLabelSelected {
	padding: 5px;
}

.treeLabelSelected {
	background: #D0E4F6;
}

